<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html lang="en">

<head>
	<meta charset="UTF-8"/>
	<title>Template</title>
	
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
	<!--[if lt IE 9]>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
	<script src="js/hideshow.js" type="text/javascript"></script>
	<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.equalHeight.js"></script>
	<script type="text/javascript">
		$(document).ready(function() { 
	    	 
	 	});
    </script>
</head>

<body>

	<header id="header">
		<hgroup> <h1 style="margin:0; color:#FFFFFF; padding:14px 0 0 70px;">Social Netspace</h1> </hgroup>
	</header>

	<section id="secondary_bar">
		<div class="user">
			<p> Hello John</p>
		</div>
		<div class="breadcrumbs_container">
			<article class="breadcrumbs">
				<a href="/home">Tab 1</a> <div class="breadcrumb_divider"></div> <a class="current">Tab 2</a>
			</article>
			<p class="logout" onclick="location.href='/logout'">Logout<a class="logout_user" 
				href="/logout" title="Logout">Logout</a></p>
		</div>
	</section>
	
	<aside id="sidebar" class="column" style="min-height:85%;">
		
		<div class="clear" style="padding-top: 20px;"></div>
		
		<h3>My Profile</h3>
		<ul class="toggle">
			<li class="icn_profile"><a href="/profile">Edit Profile</a></li>
			<li class="icn_settings"><a href="/settings">Settings</a></li>
		</ul>
		
		<h3>Social Networks</h3>
		<ul class="toggle">
			<li class="icn_view_users"><a href="/twitter">Twitter</a></li>
			<li class="icn_view_users"><a href="/facebook">Facebook</a></li>
		</ul>
		
	</aside>

</body>

</html>